@import "../../less/index.less";
.container{
    padding: @margin20;
}
.my_info{
    width: 100vw;
    height: 5rem;
    background: @primary;
    padding: @margin20;
    box-sizing: border-box;
    .img{
        display: flex;
        position: relative;
        img{
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 50%;
        }
        .name{
            margin-left: @margin20;
            .name_p1{
                font-size: 0.4rem;
                font-weight: bold;
                color: #fff;
                margin-bottom: 0.3rem;
            }
            .name_p2{
                color: #fff;
                padding: @margin10;
                border: 0.02rem solid #fff;
            }
        }
        .everyday{
            position: absolute;
            padding: @margin20;
            right: -@margin20;
            top: 15%;
            background: #FFD4CC;
            border-top-left-radius: 0.3rem;
            border-bottom-left-radius: 0.3rem;
            color: @primary;
            font-size: 0.28rem;
        }
    }
    .love{
        margin-top: 0.35rem;
        ul{
            overflow: hidden;
            margin-left: @margin20;
            margin-right: -@margin20;
            li{
                width: 1.5rem;
                float: left;
                margin-right: @margin20;
                .love_num{
                    font-size: 0.4rem;
                    color: #fff;
                    font-weight: bold;
                    text-align: center;
                    margin-bottom: @margin10;
                }
                .love_text{
                    color: #fff;
                    text-align: center;
                }
            }
        }
    }
}